extends ../layout

block content
  .pb-2.mt-2.mb-4.border-bottom
    h3 API Examples

  .row
    .col-md-4
      a(href='/api/github', style='color: #fff')
        .card(style='background-color: #000').mb-3
          .card-body
            img(src='https://i.imgur.com/2AaBlpf.png', height=40)
            |  GitHub
    .col-md-4
      a(href='/api/twitter', style='color: #fff')
        .card(style='background-color: #00abf0').mb-3
          .card-body
            img(src='https://i.imgur.com/EYA2FO1.png', height=40)
            |  Twitter
    .col-md-4
      a(href='/api/facebook', style='color: #fff')
        .card(style='background-color: #3b5998').mb-3
          .card-body
            img(src='https://i.imgur.com/jiztYCH.png', height=40)
            |  Facebook
    .col-md-4
      a(href='/api/foursquare', style='color: #fff')
        .card(style='background-color: #1cafec').mb-3
          .card-body
            img(src='https://i.imgur.com/PixH9li.png', height=40)
            |  Foursquare
    .col-md-4
      a(href='/api/instagram', style='color: #fff')
        .card(style='background-color: #947563').mb-3
          .card-body
            img(src='https://i.imgur.com/aRc6LUJ.png', height=40)
            |  Instagram
    .col-md-4
      a(href='/api/lastfm', style='color: #fff')
        .card(style='background-color: #d21309').mb-3
          .card-body
            img(src='https://i.imgur.com/KfZY876.png', height=40)
            |  Last.fm
    .col-md-4
      a(href='/api/nyt', style='color: #fff')
        .card(style='background-color: #454442').mb-3
          .card-body
            img(src='https://i.imgur.com/e3sjmYj.png', height=40)
            |  New York Times
    .col-md-4
      a(href='/api/steam', style='color: #fff')
        .card(style='background-color: #000').mb-3
          .card-body
            img(src='https://i.imgur.com/6WXcNeg.png', height=40)
            |  Steam
    .col-md-4
      a(href='/api/twitch', style='color: #fff')
        .card(style='background-color: #6441a5').mb-3
          .card-body
            img(src='https://i.imgur.com/dWEkSRX.png', height=40)
            |  Twitch
    .col-md-4
      a(href='/api/stripe', style='color: #fff')
        .card(style='background-color: #3da8e5').mb-3
          .card-body
            img(src='https://i.imgur.com/w3s2RvW.png', height=40)
            |  Stripe
    .col-md-4
      a(href='/api/paypal', style='color: #000')
        .card(style='background-color: #f5f5f5').mb-3
          .card-body
            img(src='https://i.imgur.com/JNc0iaX.png', height=40)
            |  PayPal
    .col-md-4
      a(href='/api/quickbooks', style='color: #fff')
        .card(style='background-color: #0077C5').mb-3
          .card-body
            img(src='https://quickbooks.intuit.com/cas/dam/IMAGE/A6OWCozsM/qb_thumb.png', height=40)
            |  QuickBooks
    .col-md-4
      a(href='/api/twilio', style='color: #fff')
        .card(style='background-color: #fd0404').mb-3
          .card-body
            img(src='https://i.imgur.com/mEUd6zM.png', height=40)
            |  Twilio
    .col-md-4
      a(href='/api/tumblr', style='color: #fff')
        .card(style='background-color: #304e6c').mb-3
          .card-body
            img(src='https://i.imgur.com/rZGQShS.png', height=40)
            |  Tumblr
    .col-md-4
      a(href='/api/scraping', style='color: #fff')
        .card(style='background-color: #ff6500').mb-3
          .card-body
            img(src='https://i.imgur.com/RGCVvyR.png', height=40)
            |  Web Scraping
    .col-md-4
      a(href='/api/clockwork', style='color: #fff')
        .card(style='background-color: #000').mb-3
          .card-body
            img(src='https://i.imgur.com/YcdxZ5F.png', height=40)
            |  Clockwork SMS
    .col-md-4
      a(href='/api/lob', style='color: #fff')
        .card(style='background-color: #176992').mb-3
          .card-body
            img(src='https://i.imgur.com/bmgfsSg.png', height=40)
            |  Lob
    .col-md-4
      a(href='/api/upload', style='color: #1565c0')
        .card(style='background-color: #fff').mb-3
          .card-body
            img(src='https://i.imgur.com/UPTzIdC.png', height=40)
            |  File Upload
    .col-md-4
      a(href='/api/pinterest', style='color: #fff')
        .card(style='background-color: #bd081c').mb-3
          .card-body
            img(src='https://i.imgur.com/JNNRQSm.png', height=40)
            |  Pinterest
    .col-md-4
      a(href='/api/google-maps', style='color: #fff')
        .card(style='background-color: #20a360').mb-3
          .card-body
            img(src='https://i.imgur.com/Er2ZqgZ.png', height=40)
            |  Google Maps
    .col-md-4
      a(href='/api/here-maps', style='color: #0f1621')
        .card(style='background-color: #d1f6f3').mb-3
          .card-body
            img(src='https://embed.widencdn.net/img/here/k906l0jhhc/x48px/HERE_Logo_2016_POS_sRGB.png', height=40)
            |  HERE Maps
    .col-md-4
      a(href='/api/chart', style='color: #000')
        .card(style='background-color: #FFFFFF').mb-3
          .card-body
            img(src='https://www.chartjs.org/img/chartjs-logo.svg', height=40)
            |  Chart.js + Alpha Vantage
    .col-md-4
      a(href='/api/google/drive', style='color: #000')
        .card(style='background-color: #FFFFFF').mb-3
          .card-body
            img(src='https://www.gstatic.com/images/branding/product/1x/drive_48dp.png', height=40)
            |  Google Drive
    .col-md-4
      a(href='/api/google/sheets', style='color: #000')
        .card(style='background-color: #f5f5f5').mb-3
          .card-body
            img(src='https://www.gstatic.com/images/icons/material/product/1x/sheets_64dp.png', height=40)
            |  Google Sheets
